
<#macro deptTree arryList>
<style>
.l-tree {
	background:none;
}
</style>
<script type='text/javascript' src='plugin/LigerUI/lib/ligerUI/js/plugins/ligerTree.js'></script>
<script type="text/javascript">
		$(document).ready(function() {
			 var tree=$("#deptTree").ligerTree({ checkbox: false });
			 $("#deptTree").css({width:'100%'});
			 $("#deptTree").find("span").bind('click',component.tree.treeNodeOnclick)
		});
</script>
	<ul id="deptTree" class="deptTree">
	<#if (arryList?exists && arryList?size>0)>
		<@tree arryList/>
	</#if>
	</ul>
</#macro>
<#macro tree arryList>
	<#list arryList as node>

		<#if !node?exists || node == 'null'>
			<#return>
		</#if>
		<li>
			<span><a nodeId="${node.id!''}" nodeCode="${node.code!''}" >${node.code!''}:${node.name!""}</a>
			</span>
		<#if (node.children?exists && node.children?size>0)>
			<ul>
				<@tree node.children/>
			</ul>
		</#if>
		</li>
	</#list>
</#macro>